
// 最大宽度居中
@mixin max-width($maxWidth:1200px) {
  max-width: $maxWidth;
  margin: 0 auto;
}

// 超出一行省略号
@mixin maxWidthEllipsis($width:auto) {
  width: $width;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行文本超出...
@mixin ellipsisClamp($clamp:2) {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $clamp;
  -webkit-box-orient: vertical;
}

// 阴影
@mixin box-shadow($shadows...) {
  -moz-box-shadow: $shadows;
  -webkit-box-shadow: $shadows;
  box-shadow: $shadows;
}

// transform
@mixin transform($values...) {
  transform: $values;
  -webkit-transform: $values;
  -moz-transform: $values;
  -o-transform: $values;
  -ms-transform: $values;
}